import { Path, Svg } from 'react-native-svg'

// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
import { createIcon } from '../factories/createIcon'

export const [SearchFilled, AnimatedSearchFilled] = createIcon({
  name: 'SearchFilled',
  getIcon: (props) => (
    <Svg viewBox="0 0 27 26" fill="none" {...props}>
      <Path
        d="M12.416 2.16602C7.03124 2.16602 2.66602 6.53124 2.66602 11.916C2.66602 17.3008 7.03124 21.666 12.416 21.666C14.7197 21.666 16.8368 20.8671 18.5053 19.5312L22.7456 23.7777C23.1684 24.2011 23.8543 24.2016 24.2777 23.7788C24.7011 23.356 24.7016 22.6701 24.2788 22.2467L20.0366 17.9984C21.3693 16.331 22.166 14.2165 22.166 11.916C22.166 6.53124 17.8008 2.16602 12.416 2.16602ZM12.416 4.33268C8.22786 4.33268 4.83268 7.72786 4.83268 11.916C4.83268 16.1042 8.22786 19.4993 12.416 19.4993C16.6042 19.4993 19.9993 16.1042 19.9993 11.916C19.9993 7.72786 16.6042 4.33268 12.416 4.33268Z"
        fill="currentColor"
        fillRule="evenodd"
        clipRule="evenodd"
      />
      <Path
        d="M15 12C16.3807 12 17.5499 13.1855 16.8879 14.3972C16.8169 14.527 16.74 14.6541 16.6573 14.7779C16.1079 15.6001 15.327 16.241 14.4134 16.6194C13.4998 16.9978 12.4945 17.0969 11.5245 16.9039C10.5546 16.711 9.66373 16.2348 8.96447 15.5355C8.2652 14.8363 7.789 13.9454 7.59607 12.9755C7.40315 12.0055 7.50216 11.0002 7.8806 10.0866C8.25904 9.17295 8.8999 8.39206 9.72215 7.84265C9.84591 7.75995 9.97295 7.68306 10.1028 7.6121C11.3145 6.95014 12.5 8.11929 12.5 9.5C12.5 10.8807 13.6193 12 15 12Z"
        fill="currentColor"
      />
    </Svg>
  ),
  defaultFill: '#F50DB4',
})
